<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<!--<![endif]-->
<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>人人为我，我为人人</title>

<link rel="shortcut icon" href="images/favicon.png" />

<!-- Style Sheet-->

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<link rel="stylesheet" href="css/style.css" />
<link rel='stylesheet' id='bootstrap-css-css'
	href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css-css'
	href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='pretty-photo-css-css'
	href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css'
	media='all' />
<link rel='stylesheet' id='main-css-css' href='css/main5152.css?ver=1.0'
	type='text/css' media='all' />
<link rel='stylesheet' id='custom-css-css'
	href='css/custom5152.html?ver=1.0' type='text/css' media='all' />
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript'
	src='js/prettyphoto/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='js/jflickrfeed.js'></script>
<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
<script type='text/javascript' src='js/jquery.form.js'></script>
<script type='text/javascript' src='js/jquery.validate.min.js'></script>
<script type='text/javascript' src='js/custom.js'></script>
<script src="layer.js"></script>
<script src="layui.js"></script>
<link rel="stylesheet" href="css/layui.css" media="all">

</head>

<body>

	<!-- Start of Header -->
	<div class="header-wrapper">
		<header>
			<div class="container">


				<div class="logo-container">
					<!-- Website Logo -->
					<a href="index-2.html" title="解惑,是我们的乐趣!"> <!--<img src="images/logo.png" alt="Knowledge Base Theme">-->
						<h3 style="display: inline; color: #FFFFFF; line-height: 20px;">知之</h3>
					</a> <span class="tag-line">知之为知之,不知为不知,是知也。</span>
				</div>


				<!-- Start of Main Navigation -->
				<nav class="main-nav">
					<div class="menu-top-menu-container">
						<ul id="menu-top-menu" class="clearfix">
							<li><a href="index-2.html">首页</a></li>
							<li><a href="home-categories-description.html">百科</a></li>
							<li><a href="home-categories-articles.html">Java基础</a></li>
							<li><a href="articles-list.html">数据库</a></li>
							<li><a href="faq.html">FAQs</a></li>
							<li><a href="#">皮肤</a>
								<ul class="sub-menu">
									<li><a href="blue-skin.html">Blue Skin</a></li>
									<li><a href="green-skin.html">Green Skin</a></li>
									<li><a href="red-skin.html">Red Skin</a></li>
									<li><a href="index-2.html">Default Skin</a></li>
								</ul></li>
							<li><a href="#">更多精彩</a>
								<ul class="sub-menu">
									<li><a href="full-width.html">Full Width</a></li>
									<li><a href="elements.html">Elements</a></li>
									<li><a href="page.html">Sample Page</a></li>
								</ul></li>
							<li><a href="contact.html">联系我们</a></li>
							<li><a id="tourist" href="#"></a></li>
							<li><a id="topLogin" href="#">登录</a>
								<ul id="topUserIfm" class="sub-menu">
									<li><a href="blue-skin.html">个人信息</a></li>
									<li><a id="switchUser" href="#">切换账号</a></li>
									<li><a href="QuestionTopServlet?op=exitTopUser">退出</a></li>
								</ul></li>
							<li><a id="topRegister" href="#">注册</a></li>
						</ul>
					</div>
				</nav>
				<!-- End of Main Navigation -->

			</div>
		</header>
	</div>
	<!-- End of Header -->

	<!-- Start of Search Wrapper -->
	<div class="search-area-wrapper">
		<div class="search-area container">
			<h3 class="search-header">解惑,我们是专业的!</h3>
			<p class="search-tag-line">请输入要查询的问题!</p>

			<form id="search-form" class="search-form clearfix" method="get"
				action="#" autocomplete="off">
				<input class="search-term required" list="dl" type="text" id="nameLikeAnswer" value="${nameLike==null?"":nameLike}"
					name="nameLike" placeholder="请输入..." title="* Please enter a search term!" />
				<datalist id="dl">
					<option value="java多继承" label="java"></option>
					<option value="java线程" label="java"></option>
					<option value="java序列化" label="java"></option>
					<option value="HTML5" label="前端"></option>
				</datalist>
				<input id="btnSearchAnswer" class="search-btn" type="button" value="嗖一下" />
				<div id="search-error-container"></div>
			</form>
		</div>
	</div>
	<!-- End of Search Wrapper -->

	<!-- Start of Page Container -->
	<div class="page-container">
		<div class="container">
			<div class="row">

				<!-- start of page content -->
				<div class="span8 page-content">
                    <h1>公告</h1>
                    <hr>
                    <ul class="articles">
                    <c:if test="${pdNotice==null}">
                         <jsp:forward page="NoticeServlet?op=queryNotice_notice"></jsp:forward>
                    </c:if>
                    <c:forEach items="${pdNotice.data}" var="notice">
                        <li class="article-entry standard">
							<h4><a><span class="article-meta">${notice.nContent}</span></a></h4> 
							<span class="article-meta">${notice.nDate}</span>
					    </li>
					 </c:forEach>
					 </ul>
				</div>	
				<aside class="span4 page-sidebar">

					<section class="widget">
						<div class="support-widget">
							<h3 class="title userTitle">游客</h3>
							<p class="intro">游客暂时只有预览的功能哦！ 查看更多详情请登录。。。。</p>
						</div>
					</section>

                    <section class="widget">
							<h3 class="title">Tags</h3>
							<div class="tagcloud">
								<a href="#" class="btn btn-mini">java</a>
								<a href="#" class="btn btn-mini">php</a>
								<a href="#" class="btn btn-mini">pyhon</a>
								<a href="#" class="btn btn-mini">嵌入式</a>
								<a href="#" class="btn btn-mini">css</a>
								<a href="#" class="btn btn-mini">html5</a>
								<a href="#" class="btn btn-mini">JavaScript</a>
								<a href="#" class="btn btn-mini">jquery</a>
								<a href="#" class="btn btn-mini">bootstrqp</a>
								<a href="#" class="btn btn-mini">header</a>
								<a href="#" class="btn btn-mini">images</a>
								<a href="#" class="btn btn-mini">plugins</a>
								<a href="#" class="btn btn-mini">setting</a>
								<a href="#" class="btn btn-mini">templates</a>
								<a href="#" class="btn btn-mini">theme</a>
								<a href="#" class="btn btn-mini">time</a>
								<a href="#" class="btn btn-mini">videos</a>
								<a href="#" class="btn btn-mini">website</a>
								<a href="#" class="btn btn-mini">wordpress</a>
							</div>
						</section>
				</aside>
				<!-- end of sidebar -->
			</div>
		</div>
	</div>
	<!-- End of Page Container -->

	<!-- Start of Footer -->
	<footer id="footer-wrapper">
		<div id="footer" class="container">
			<div class="row">

				<div class="span3">
					<section class="widget">
						<h3 class="title">How it works</h3>
						<div class="textwidget">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
								sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
								aliquam erat volutpat.</p>
							<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
								ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
								consequat.</p>
						</div>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Categories</h3>
						<ul>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced
									Techniques</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Designing
									in WordPress</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Server
									&amp; Database</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme
									Development</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Website
									Dev</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress
									for Beginners</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress
									Plugins</a></li>
						</ul>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Latest Tweets</h3>
						<div id="twitter_update_list">
							<ul>
								<li>No Tweets loaded !</li>
							</ul>
						</div>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Flickr Photos</h3>
						<div class="flickr-photos" id="basicuse"></div>
					</section>
				</div>

			</div>
		</div>
		<!-- end of #footer -->

		<!-- Footer Bottom -->
		<div id="footer-bottom-wrapper">
			<div id="footer-bottom" class="container">
				<div class="row">
					<div class="span6">
						<!-- Social Navigation -->
						<ul class="social-nav clearfix">
							<li class="linkedin"><a target="_blank" href="#"></a></li>
							<li class="stumble"><a target="_blank" href="#"></a></li>
							<li class="google"><a target="_blank" href="#"></a></li>
							<li class="deviantart"><a target="_blank" href="#"></a></li>
							<li class="flickr"><a target="_blank" href="#"></a></li>
							<li class="skype"><a target="_blank" href="skype:#?call"></a></li>
							<li class="rss"><a target="_blank" href="#"></a></li>
							<li class="twitter"><a target="_blank" href="#"></a></li>
							<li class="facebook"><a target="_blank" href="#"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- End of Footer Bottom -->

	</footer>
	<!-- End of Footer -->

	<a href="#top" id="scroll-top"></a>
	<script type="text/javascript">
    $(function(){
    	//判断用户是否登录
	    if(${userTopLogin==null}){
		   $("#tourist").text("游客");
		   $("#topUserIfm").hide();
		   console.log(11111);
	    }else{
	       $("#tourist").css("display","none");
		   $("#topUserIfm").show();
		   $("#topLogin").text("${userTopLogin.userName}");
		   $(".userTitle").text("${userTopLogin.userName}");
		   $(".intro").text("${userTopLogin.userIntroduce}");
	    }
    });
    </script>
    <script type="text/javascript">
         $(function(){
        	 console.log(${userTopLogin.userId});
        	 //实现提交问题功能
              $("#btnSubmitAnswer").click(function(){
            	  //判断是否登录，登录才有权限提交问题
            	  if(${userTopLogin==null}){
          			layer.msg('亲，需要登录您才有权限哦！', {
      					time : 2000,
      					icon:5
      			  });
          		}else{
          			//ajax请求
            	  $.ajax({
  					url : "sas.do?op=insertAnswer",//url地址
  					type : "post",
  					data : {
  						"content" : $('#content').val(),//传值
  						"qId" : ${answerQid}
  					},
  					//成功后要执行的操作
  					success : function(data) {
  						if (data == "false") {
  							layer.msg('提交失败，请重新填写，并提交', {
  								time : 2000
  							});
  						} else {
  							layer.msg('提交成功，感谢您的回答！！', {
  								time : 3000, //20s后自动关闭
  								btn : [ '不用谢' ]
  							}, function() {
  								location.href = "sas.do?qId="+${answerQid};
  							});
  						}
  					}
  				});
          		}
              });
         });
    </script>
    <script>
    //使用layui插件实现分页的功能
	layui.use('laypage', function() {
		var laypage = layui.laypage;
		var c = ${pdQid.total};
		var l = ${pdQid.pageSize};
		var p = ${pdQid.page};
		console.log(c)
		//执行一个laypage实例
		laypage.render({
			elem : 'pageAnswer' //注意，这里的 test1 是 ID，不用加 # 号
			,
			count : c, //数据总数，从服务端得到
			limit : l,
			limits:[5,10, 20, 30, 40, 50],
			skip : '#5e7cdf',
			layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
			curr : function() {
				var page = p; // 当前页(后台获取到的)
				return page ? page : 1; // 返回当前页码值
			}(),
			jump : function(obj, first) {
				if (!first) {
					location.href = "sas.do?qId="+${answerQid} + "&page=" + obj.curr+"&pageSize="+obj.limit
							+ "&keywords=" + $("#keywords").val();
				}
			}
		});
	});
	</script>
	<script type="text/javascript">
        $(function(){
        	//登录功能
        	var login="";
        	$("#topLogin").click(function(){

            	login = layer.open({
    				  type: 2,
    				  title:'亲，登录可以查看更多信息哦!!!!',
    				  anim: 3,
    				  time:60000,
    				  content: 'login_top.jsp',
    				  area: ['300px', '300px'],
    				  maxmin: true
    			});
        	});
        	//切换用户功能
        	var switchUser="";
        	$("#switchUser").click(function(){

        		switchUser = layer.open({
    				  type: 2,
    				  title:'亲，请登录你要切换的账号哦！！',
    				  anim: 3,
    				  time:60000,
    				  content: 'login_top.jsp',
    				  area: ['300px', '300px'],
    				  maxmin: true
    			});
        	});
        });
    </script>
    <script type="text/javascript">
    $(function(){
    	//模糊查询功能
    	 $("#btnSearchAnswer").click(function(){
    		/*  location.href="QuestionTopServlet?op=queryQuestion_timeSort&req=frontList&nameLike="+$(""); */
    		//判断是否登录，登录才有权限查询 
    		if(${userTopLogin==null}){
     			layer.msg('亲，需要登录您才有权限哦！', {
 					time : 2000,
 					icon:5
 			  });
     		}else{
    		 $.ajax({
    			 url:"QuestionTopServlet?op=queryQuestion_timeSort",
    			 type:"post",
    			 data:{
    				 "nameLike":$("#nameLikeAnswer").val()
    			 },
    			 success:function(data){
    				 if(data=="false"){
    					 layer.msg('亲，搜不到你输入的关键字哦！ 请输入其他关键字', {
								time : 2000
						 });
    				 }else{
    					 layer.msg('搜索成功，有效的关键字！！！！', {
								time : 3000
						 },function(){
							 location.href="QuestionTopServlet?op=queryQuestion_timeSort&req=frontList&nameLike="+$("#nameLikeAnswer").val();
						 });
    					 
    				 }
    			 }
    		 });
     		}
    	 });
    });
    </script>
    
</body>
</html>